<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../../js/lib/i18next.js"></script>
</head>
<body>
    <header>
        <p>点击下面的按钮切换语言</p>
        <input id="english" type="button" onclick="changeLang('en')" value="英语">
        <input id="simplifiedChinese" type="button" onclick="changeLang('zh')" value="简体中文">
        <input id="traditionalChinese" type="button" onclick="changeLang('zhTW')" value="繁体中文">
        <input id="japanese" type="button" onclick="changeLang('jp')" value="日语">
    </header>
    <article>
        <p id="apple">apple</p>
        <p id="banana">banana</p>
        <p id="grape">grape</p>
        <p id="pineapple">pineapple</p>
    </article>
    <script src="basic.js"></script>
</body>
</html>